askirmas / react-classnaming

export default function MyComponent({classnames}: MyComponentProps) {

  const cssClasses = classNaming({classnames})

  return <>

    { "/// MyComponent.tsx" }

            {/* className="btn" */}

    <button {...cssClasses({btn: true})}>

         {/* className="btn__icon icon" */}

      <i {...cssClasses({btn__icon: true, icon: true})}/>

    </button>

  </>

}